<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="../js/jquery-3.4.1.min.js"></script>
        <script>
            $(function () {
                $("#btn").click(function () {

                    //能取出整个标签
                    // console.log("html():"+$("div").html());

                    //不识别标签，只能取出纯文本
                    // console.log("text():"+$("div").text());

                    //识别标签，能够解析标签
                    // $("div").html("<h4>我是h4标签</h4>");

                    //不能识别标签，将标签作为纯文本展示
                    $("div").text("<h4>我是h4标签</h4>");
                });
            });
        </script>
    </head>
    <body>
        <input type="button" value="按钮" id="btn">
        <div>
            <h1>hello World</h1>
        </div>
    </body>
</html>